.px2rem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
*{padding: 0;margin: 0;}
li{list-style: none;}
.txh{
	display: flex;

}
.section{
	flex:1;
	.nav{
		.px2rem(height,87);
		.px2rem(line-height,70);
		border-bottom: 1px solid #ccc;
		ul{
			.txh;
			li{
				flex:1;
				text-align: center;
				.px2rem(margin-top,15);
				.px2rem(font-size,30);
				border-right: 1px solid #7e4c81;

			}
			li:nth-child(4){
				border-right:none;
			}
		}
	}
	.active{
		border-bottom:4px solid #7e4c81;
	}
	.curr{
        	background: #f00;
        }
	.menu{
		.px2rem(height,564);
        // overflow: hidden;

	.two,.three{
		.px2rem(height,564);
	     ol{
			.px2rem(height,96);
			.txh;
			justify-content:space-between;
			li{
				.px2rem(margin-top,25);
				.px2rem(margin-right,16);
			}
			li:nth-child(3) button{
               .px2rem(width,147); 
				.px2rem(height,48);
				background: #b066b5;
				border:none;
                .px2rem(border-radius,8);
                color:#fff;
			}
		}
	
	ul{
		.px2rem(width,611); 
		.px2rem(height,365);
		border:1px solid #ccc;
		.px2rem(border-radius,8);
		.px2rem(margin-left,60);
		
			li{
				.px2rem(height,72);
				border-bottom:1px solid #ccc;
				.txh;
				.left{
					.px2rem(width,70); 
		            .px2rem(height,70);
		            background: #ccc;
		            img{
		            	.px2rem(width,35); 
		                .px2rem(height,35);
		                .px2rem(margin-left,17); 
		                .px2rem(margin-top,20);
		            }
				}
				.right{
					.px2rem(font-size,30);
					.px2rem(margin-top,20); 
		            .px2rem(margin-left,40); 
		            
				}
			
		}
	}
	}
	
	}
}